<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>华猫首页</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../../css/base.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css">
    <link rel="stylesheet" type="text/css" href="css/orderSet.css">
    <link rel="stylesheet" href="../../css/mobileSelect.css">
    <script src="../../js/mobileSelect.min.js"></script>
    <style>
        .aui-list .new-width{
            width: 100%;
        }
    </style>
</head>
<body>
<header id="header" class="aui-bar aui-bar-nav ">

    <a href="#" class="aui-pull-left aui-btn ">
        <span class="aui-iconfont aui-icon-left"></span>

    </a>
    <div class="aui-title"> 订单设置</div>

</header>
<section>
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-list-in">
            <li class="aui-list-header">

            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">收款人</div>
                    <div class="aui-list-item-right">16584874</div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label new-width"> 本次支付金额</div>
                </div>
                <div class="aui-list-item-input">
                    <input type="text" placeholder="请输入收款金额">
                </div>
            </li>
            <li class="aui-list-item aui-list-item-middle">
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">赠送积分比例</div>
                    <!--<div class="aui-list-item-right">16584874</div>-->
                    <div class="aui-list-item-title" id="zsjf">100%</div>
                </div>
            </li>
        </ul>
    </div>
    <div style="margin-top: 3rem" class="aui-padded-l-10 aui-padded-r-10">
        <div class="aui-btn aui-btn-info aui-btn-block " >确认</div>
    </div>

</section>

<script src="../../js/api.js"></script>
<script src="../../js/aui-slide.js"></script>
<script src="../../js/aui-tab.js"></script>

<script>
    var slide3 = new auiSlide({
        container:document.getElementById("aui-slide3"),
        // "width":300,
        "height":240,
        "speed":500,
        "autoPlay": 3000, //自动播放
        "loop":true,
        "pageShow":true,
        "pageStyle":'dot',
        'dotPosition':'center'
    })

    var mobileSelect4 = new MobileSelect({
        trigger: '#zsjf',
        title: '',
        wheels: [
            {data:['100%','80%','50%','20%']}
        ],
        position:[2] //Initialize positioning
    });

</script>
</body>
</html>